@extends('layouts.admin.header')
@section('cnt')
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form">
            @csrf
            <input type="hidden" id="id" name="id" required="" lay-verify="required"
                   autocomplete="off" class="layui-input" value="{{$data->id}}">
            <div class="layui-form-item">
                <label for="username" class="layui-form-label">
                    <span class="x-red">*</span>登录名
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="username" name="username" required="" lay-verify="required"
                           autocomplete="off" class="layui-input" value="{{$data->username}}">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>将会成为您唯一的登入名
                </div>
            </div>
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    <span class="x-red">*</span>姓名
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="name" name="name" required="" lay-verify="name"
                           autocomplete="off" class="layui-input" value="{{$data->name}}">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>
                </div>
            </div>
            {{--<div class="layui-form-item">--}}
                {{--<label for="phone" class="layui-form-label">--}}
                    {{--<span class="x-red">*</span>手机--}}
                {{--</label>--}}
                {{--<div class="layui-input-inline">--}}
                    {{--<input type="text" id="phone" name="phone" required="" lay-verify="phone"--}}
                           {{--autocomplete="off" class="layui-input">--}}
                {{--</div>--}}
                {{--<div class="layui-form-mid layui-word-aux">--}}
                    {{--<span class="x-red">*</span>将会成为您唯一的登入名--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="layui-form-item">--}}
                {{--<label for="L_email" class="layui-form-label">--}}
                    {{--<span class="x-red">*</span>邮箱--}}
                {{--</label>--}}
                {{--<div class="layui-input-inline">--}}
                    {{--<input type="text" id="L_email" name="email" required="" lay-verify="email"--}}
                           {{--autocomplete="off" class="layui-input">--}}
                {{--</div>--}}
                {{--<div class="layui-form-mid layui-word-aux">--}}
                    {{--<span class="x-red">*</span>--}}
                {{--</div>--}}
            {{--</div>--}}
            <div class="layui-form-item">
                <label class="layui-form-label"><span class="x-red">*</span>角色</label>
                <div class="layui-input-block">
                    @foreach($roles as $k=>$v)
                    <input type="radio" value="{{$k}}" name="role_id" lay-skin="primary" title="{{$v}}"  @if($k==$data->role_id) checked="checked" @endif>
                    @endforeach

                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_pass" class="layui-form-label">
                    <span class="x-red">*</span>密码
                </label>
                <div class="layui-input-inline">
                    <input type="password" id="L_pass" name="password" required="" lay-verify="pass"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    6到16个字符
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label">
                    <span class="x-red">*</span>确认密码
                </label>
                <div class="layui-input-inline">
                    <input type="password" id="L_repass" name="repass" required="" lay-verify="repass"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label">
                </label>
                <button  class="layui-btn" lay-filter="add" lay-submit="">
                    修改
                </button>
            </div>
        </form>
    </div>
</div>
@endsection
@section('js')
<script>
    layui.use(['form', 'layer'],
        function() {
            $ = layui.jquery;
            var form = layui.form,
                layer = layui.layer;

            //自定义验证规则
            form.verify({
                nikename: function(value) {
                    if (value.length < 5) {
                        return '昵称至少得5个字符啊';
                    }
                },
                password: [/(.+){6,12}$/, '密码必须6到12位'],
                repass: function(value) {
                    if ($('#L_pass').val() != $('#L_repass').val()) {
                        return '两次密码不一致';
                    }
                }
            });
            //监听提交
            form.on('submit(add)', function(data) {
                $.ajax({
                    type:'PUT',
                    url:'/admin/adminuser/'+data.field.id,
                    data:data.field
                }).then(({status,msg})=>{
                        if(status==200){
                            layer.alert("修改成功", {
                                    icon: 6
                                },
                                function() {
                                    //关闭当前frame
                                    xadmin.close();
                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                        }else{
                            layer.alert("修改失败", {
                                    icon: 5
                                },
                                function() {
                                    //关闭当前frame
                                    xadmin.close();
                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                        }
                });
                    return false;
                });

        });</script>
@endsection
